﻿/* --- Google Web Fonts ---*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat.eot');
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url('fonts/montserrat.eot') format('embedded-opentype'), url('fonts/montserrat.woff') format('woff'), url('fonts/montserrat.ttf') format('truetype');
}

@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/muli.eot');
  src: local('Muli'), url('fonts/muli.eot') format('embedded-opentype'), url('fonts/muli.woff') format('woff'), url('fonts/muli.ttf') format('truetype');
}

@font-face {
  font-family: 'Muli Light';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/muli_light.eot');
  src: local('Muli Light'), local('Muli-Light'), url('fonts/muli_light.eot') format('embedded-opentype'), url('fonts/muli_light.woff') format('woff'), url('fonts/muli_light.ttf') format('truetype');
}

@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/droidsans.eot');
  src: local('Droid Sans'), local('DroidSans'), url('fonts/droidsans.eot') format('embedded-opentype'), url('fonts/droidsans.woff') format('woff'), url('fonts/droidsans.ttf') format('truetype');
}

@font-face {
  font-family: 'Droid Sans Bold';
  font-style: normal;
  font-weight: bold;
  src: url('fonts/droidsans_bold.eot');
  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url('fonts/droidsans_bold.eot') format('embedded-opentype'), url('fonts/droidsans_bold.woff') format('woff'), url('fonts/droidsans_bold.ttf') format('truetype');
}


/* Core HTML CSS */
body {
	/*margin: 0px;
	padding: 0px;
	font: 10px verdana, arial, helvetica, sans-serif;
	color: #000;
	height: 100%;*/
	font:12px/14px Arial, Helvetica, sans-serif;
}

p {
    margin:0 0 8px;
}

td {
	font-size: 11px;
}

.input
{
	padding: 1px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	border: #7F9DB9 1px solid;
	font-family: Verdana;

}

h2 {
    /*background:url(../images/title_bar-lt.gif) top left no-repeat;*/
    margin:0 0 12px 0;
    line-height:29px;
    clear:both;
    width:945px;
    position: relative;
}

h2 span.header_title {
    font-family:Arial,Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#00505c;
    text-transform:uppercase;
    display:block;
    width:100%;
    height:29px;

    /*background: url(../images/title_bar-rt.gif) top right no-repeat;*/
}

/* Header Table */
.headerTable {
    background: #666666;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-color: #E4EAE0;
	border-bottom-style: inset;
	}
	
.headerTD1 {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 10px;
	background: url("images/header_logo55.gif") top left no-repeat;
	}

.headerTD1Bg {
	margin: 0px;
	padding: 0px;
	background: url("images/header_bg.gif") top left repeat-x;
	}

.headerTD2 {
	margin: 0px;
	padding: 0px;
	background: url("images/header_bg55.gif") top left repeat-x;
	}

.headerTD3 {
	margin: 0px;
	padding: 0px;
	background: url("images/header_right_bg.gif") top right no-repeat;
	font-size: 10px;
	height: 55px;
	}
	
.headerTD3left {
	margin: 0px;
	padding: 0px;
	background: url("images/header_right_bg55.gif") top left no-repeat;
	font-size: 10px;
	height: 55px;
	}


.headerTD2SmallMid {
	margin: 0px;
	padding: 0px;
	background: url("images/header_logo_sm_mid.gif") top left repeat-x;
	}

.loginHeader
{
	padding: 5px 0px 0px 45px;
	font-weight: bold;
	color: #D6822F;
	text-align: left;
	font-size: 12px;
}

.loginLabel
{
	font-weight: bold;
	text-align: left;
}

.loginBg
{
	background: url("images/login_bg.gif") top left no-repeat;
	text-align: center;
}

.tagLineTextLogin
{
	font: 16px verdana, arial, helvetica, sans-serif;
	color: #D68256;
	font-weight: bold;
}

.copyrightText {
	padding-top: 10px;
	text-align: center;
	font-size: 10px;
    color:#666666;
	}

.copyrightFooter
{
	padding:3px 0px 3px 0px;
	text-align:center;
	background: #fff url("images/footer_bg.gif") top right repeat-x;
}

/* Link Styles */
a {
  color: #0654BA;
  text-decoration: underline;
  /*transition: all 225ms ease;*/
}
a:hover, a:focus {
  color: #016fca;
}
a:visited {
  color: #660099;
}
a:active {
  color: #005261;
}

/* Button Styles */
input.button {
	margin-left: 0px;
	height: 20px;
	color:#000;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	background-color:#dfdfdf;
	border:1px solid;
	border-top-color:#ccc !important;
	border-top-color:#fff;
	border-right-color:#666;
	border-left-color:#ccc !important;
	border-left-color:#fff;
	border-bottom-color:#666;
	filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#cccccc');
    vertical-align: middle;
}

input.buttonhov {
	margin-left: 0px;
	height: 20px;
	color:#000;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	background-color:#9999cc !important;
	background-color: #ffffff;
	border:1px solid;
	border-top-color:#666 !important;
	border-top-color:#ccc;
	border-right-color:#000;
	border-left-color:#666 !important;
	border-left-color:#ccc;
	border-bottom-color:#000;
	filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#9999cc');
    vertical-align: middle;
}

input.buttonImg
{
	padding: 2px 0px 2px 20px;
	margin-left: 0px;
	color:#ffffff;
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:11px;
	height: 24px;
	border:1px solid;
	border-top-color:#ccc !important;
	border-top-color:#fff;
	border-right-color:#666;
	border-left-color:#ccc !important;
	border-left-color:#fff;
	border-bottom-color:#1266C4;
    vertical-align: middle;
    text-align: left;
    background-color: #5EACEF;
}

input.buttonImgHov
{
	padding: 2px 0px 2px 20px;
	margin-left: 0px;
	color:#000000;
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:11px;
	height: 24px;
	border:1px solid;
	border-top-color:#ccc !important;
	border-top-color:#fff;
	border-right-color:#666;
	border-left-color:#ccc !important;
	border-left-color:#fff;
	border-bottom-color:#1266C4;
    vertical-align: middle;
    text-align: left;
    background-color: #ABD5F8;
}


/* Print Styles */
.tagLine {
	font-size: 9px;
	text-decoration: none;
	color:#1E2979;
	font-weight: normal;
	}

/* Form styles */
.formTable
{
	border-collapse: collapse;
	background: #f5f5f5;
}

.formLabel
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	color: #5e5e5e;
	text-align: right;
}


.formTable .formLabel
{
	font:  Arial, Verdana, Sans-Serif;
	font-weight: bold;
	width: 150px;
	background: #f5f5f5;
	color: #403381;
	text-align: right;
}

.formTable .formValue
{
	font:  Arial, Verdana, Sans-Serif;
	background: #fefefe;
}

.formTable .formLabelSmall
{
	font-size: 10px;
	font-weight: bold;
	background: #f5f5f5;
}

.formTable .formValueSmall
{
	font-size: 10px;
	background: #f5f5f5;
}

.formTable .formValueSmallRed
{
	font-size: 10px;
	background: #f5f5f5;
	color: Red;
}

.formTable .formValueSmallGreen
{
	font-size: 10px;
	background: #f5f5f5;
	color: Green;
}

/* Module Styles */
.moduleSelection
{
	background: url("images/module_bg.gif") top left no-repeat;
	text-align: center;
}

.moduleText
{
	font-size: 13px;
	color: #22486C;
	font-weight: bold;
}


a.moduleLink, a.moduleLink:visited {
	font-size: 13px;
	color: #22486C;
	font-weight: bold;
	text-decoration: none;
	}

a.moduleLink:active, a.moduleLink:hover {
	font-size: 13px;
	color: #22486C;
	font-weight: bold;
	text-decoration: underline;
	}

.filterImage
{
	cursor:hand;
	vertical-align:middle;
}

.newsItem
{
	color: #18498C;
	padding: 0px 10px 10px 20px;
	font-size: 11px;
	background: url("images/bullet.gif") no-repeat;
	vertical-align: middle;
}

.docItem
{
	color: #18498C;
	padding: 0px 10px 10px 20px;
	font-size: 11px;
	background: url("images/doc.gif") no-repeat;
	vertical-align: middle;
}

.pdfItem
{
	color: #18498C;
	padding: 0px 10px 10px 20px;
	font-size: 11px;
	background: url("images/pdf.gif") no-repeat;
	vertical-align: middle;
}

a.itemLink, a.itemLink:visited {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	color: #403381;
	text-decoration: none;
	}

a.itemLink:active, a.itemLink:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	color: #403381;
	text-decoration: underline;
	}

.toolbar
{
	/*background: #ffce00 url("images/toolbarBgH.gif") repeat-x 0 0; */
	/*background: url("images/toolbarBgH.gif") repeat-x 0 0;*/
	white-space: nowrap;
	/*background-color:#e2e0c4;*/
	/* background: url('images/cadency/dash_mod_content_bg.png') repeat-x center;  */
	background-color: #e3e3e3;
	color: White;
	border-bottom:1px solid #ccc;
}

.breadcrumb
{   
    font-size:11px;
    /* background-color:#f3f3f3;*/
	padding: 2px 0px 5px 5px;
	text-align: left;
	white-space: nowrap;
}

.FreezePaneOff
{
  visibility: hidden;
  display: none;
  position: absolute;
  top: -100px;
  left: -100px;
}

.FreezePaneOn
{
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: visible;
  display: block;
  width: 100%;
  height: 100%;
  /*background-color: #fff;*/
  z-index: 999500;
  filter:alpha(opacity=90);
  -moz-opacity:0.90;
  padding-top: 20%;
  padding-bottom: 70%;
}

.InnerFreezePane
{
  text-align: center;
  width: 30%;
  background-color: #f0f0f0;
  color: #669;
  font-size: 14px;
  filter:alpha(opacity=100);
  border: solid 1px #888888;
  padding: 9px;
  font-weight:bolder;
}

.titleText
{
	font-size: 13px;
	font-weight: bolder;
}
/* begin rounded edges */
#container
{
	text-align: center;
	
	background: #767676;
	color: #FFFFFF;
	margin: 0 15px;
	font-weight: bold;
}
.rtop,
.rbottom
{
	display: block;
	background: #fff;
	font-size: 0;
}
.rtop *, 
.rbottom *
{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #767676;
	font-size: 0;
}

.r1
{
	margin: 0 5px;
}
.r2
{
	margin: 0 3px;
}
.r3
{
	margin: 0 2px;
}
.r4
{
	margin: 0 1px;
	height: 2px;
}

/* end rounded edges */

.blueGradient
{
	background: url("~/images/bluegradient.jpg") top right repeat-x;
}

/* Begin: Input file browse button to support localization */
div.fileinputs {
	position: relative;
	/*ie7 and ff2 are colliding*/
	width: 250px;
}

div.fileinputs .file {
	/*For ie7 only*/
	width: 235px;
}

div.fkfile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: left;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	/*Required for ff2 ONLY*/
	z-index: 2;
	
	margin-top: 1px;
	font-size: 11px;
	font-family: Verdana;
}

input.fkinput
{
    font-size: 11px;
	font-weight: normal;
	border: #7F9DB9 1px solid;
	font-family: Verdana;
}

input.uploadbutton 
{
	margin-top: 1px;
	height: 19px;
	width:80px;
	color:#000;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	background-color:#dfdfdf;
	border:1px solid;
	border-top-color:#ccc !important;
	border-top-color:#fff;
	border-right-color:#666;
	border-left-color:#ccc !important;
	border-left-color:#fff;
	border-bottom-color:#666;
	filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#cccccc');
}
/* End: Input file browse button to support localization */

.filter
{
    /* background: url("images/light_gray_bg.png") top left repeat; */
    /*background-color: #f5f4e6;*/
    border-bottom:1px solid #8fa2ad; 
}

.newFormTable .formLabel
{
    text-align: right !important;
}

.pageFilter
{
    background-color: white;
    border-bottom:1px solid #ccc; 
}

.pageFilterTable
{
    /*background: url("images/cadency/dash_mod_content_bg.png") repeat;    */
    margin: auto;
}

.pageFilterTable .formLabel
{
    text-align: right !important;
}

.rtsTxt {
    text-decoration: none !important;
}